
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<head>
<title>Market place</title>
</head>
<body>
	<ui:composition template="/templates/masterTemplate.xhtml">
		<ui:define name="content">
			<f:event listener="#{feedBackController.preFeedBack}"
				type="preRenderComponent"></f:event>
			<h:outputStylesheet library="css" name="checkOut.css"></h:outputStylesheet>
			<div id="center">
				<h:form id="centerForm">
					<h:panelGrid columns="1" style="width:100%">
						<p:separator />
						<h:panelGrid columns="2" style="width:100%">
							<h:outputText value="#{msgs.address}"></h:outputText>
							<h:outputText value="#{msgs.ourAddress}"></h:outputText>
							<h:outputText value="#{msgs.telephone}"></h:outputText>
							<h:outputText value="#{msgs.ourTelephone}"></h:outputText>
							<h:outputText value="#{msgs.email}"></h:outputText>
							<h:outputText value="#{msgs.ourEmail}"></h:outputText>
						</h:panelGrid>
						<p:separator></p:separator>
						<h:panelGrid columns="2" style="width:100%">
							<h:outputText value="#{msgs.thisIsAbout}*"></h:outputText>
							<p:selectOneMenu value="#{feedBackModel.current.type}"
								layout="pageDirection">
								<f:selectItems value="#{feedBackModel.availableTypes}"
									var="type" itemValue="#{type}" itemLabel="#{type.label}"></f:selectItems>
							</p:selectOneMenu>

							<h:outputText value="#{msgs.name}*"></h:outputText>
							<p:inputText value="#{feedBackModel.current.userName}"
								required="true" requiredMessage="#{msgs.requiredFieldMessage}"></p:inputText>
							<h:outputText value="#{msgs.telephone}"></h:outputText>
							<p:inputMask mask="(999)999-9999"
								value="#{feedBackModel.current.telephone}" />
							<h:outputText value="#{msgs.email}*"></h:outputText>
							<p:inputText value="#{feedBackModel.current.email}"
								required="true" requiredMessage="#{msgs.requiredFieldMessage}"></p:inputText>
							<h:outputText value="#{msgs.title}*"></h:outputText>
							<p:inputText value="#{feedBackModel.current.title}"
								required="true" requiredMessage="#{msgs.requiredFieldMessage}"
								style="width:300px" />
							<h:outputText value="#{msgs.comments}*"></h:outputText>
							<p:inputTextarea value="#{feedBackModel.current.comments}"
								style="width:300px;height:100px" required="true"
								requiredMessage="#{msgs.requiredFieldMessage}"></p:inputTextarea>
							<p:commandButton value="#{msgs.reset}" type="reset"
								style="float:right"></p:commandButton>
							<p:commandButton value="#{msgs.submit}" type="submit"
								action="#{feedBackController.submitFeedBack}"></p:commandButton>
						</h:panelGrid>
					</h:panelGrid>
				</h:form>
			</div>

		</ui:define>
	</ui:composition>
</body>
</html>